<template>
  <div id="layout">
    <router-view></router-view>
    <van-tabbar v-model="active" placeholder>
      <van-tabbar-item name="article" replace to="/layout/article" icon="fire-o"
        >面经</van-tabbar-item
      >
      <van-tabbar-item name="collect" replace to="/layout/collect" icon="star-o"
        >收藏</van-tabbar-item
      >
      <van-tabbar-item name="like" replace to="/layout/like" icon="like-o"
        >点赞</van-tabbar-item
      >
      <van-tabbar-item name="my" replace to="/layout/my" icon="user-o"
        >我的</van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
    };
  },
};
</script>

<style scoped lang="less">
</style>